<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <meta name="format-detection" content="telephone=no"/>
    <meta name="format-detection" content="email=no"/>
    <title>提现</title>
    <link rel="stylesheet" href="../../css/api.css">
    <link rel="stylesheet" href="../../css/vant.css">
    <link rel="stylesheet" href="../../css/main.css">
    <style>
         html, body {
            background-color: #fff;
            font-family: PingFangSC-Regular;
        }

        .top-title {
            margin-top: .16rem;
            color: #C7000B;
            font-size: .15rem;
            font-weight: 700;
            line-height: .25rem;
            text-align: center;
            height: .50rem;

        }

        .desc {
            margin-top: .10rem;
            color: #333;
            font-size: .16rem;
            font-weight: 400;
            padding: 0 .56rem;
            text-align: center;
        }

        .bottom-info {
            display: flex;
            flex-flow: column;
            align-items: center;
            margin: .30rem .12rem 0 .12rem;
            padding-top: .10rem;
            border-top: .005rem solid #EEEEEE;
        }

        .weixin {
            display: flex;
            margin-top: .18rem;
            width: 100%;
            height: 2.25rem;
        }

        .wx-left {
            display: flex;
            flex-flow: column;
            align-items: center;
            background-color: #F9F9F9;
            border-radius: .05rem;
            flex-grow: 1;
        }

        .wx-icon {
            margin-top: .25rem;
            /* background-image: url(https://zzzzkj.oss-cn-shanghai.aliyuncs.com/static/tiexie/app/image/image/mine/mine_wxIcon.png); */
            background-size: 100% 100%;
            width: 1.095rem;
            height: 1.095rem;
        }

        .wx-num {
            margin-top: .15rem;
            color: #333333;
            font-size: .13rem;
            line-height: .13rem;
        }

        .wx-copy {
            margin-top: .12rem;
            background-color: #C7000B;
            width: .75rem;
            height: .25rem;
            border-radius: .1225rem;
            color: #FFFFFF;
            font-size: .12rem;
            line-height: .25rem;
            text-align: center;
        }

        .wx-right {
            margin-left: .12rem;
        }

        .wx-icon1 {
            /* background-image: url(https://zzzzkj.oss-cn-shanghai.aliyuncs.com/static/tiexie/app/image/image/mine/mine_wxIcon1.png); */
        }

        .withdrawal-qq {
            display: flex;
            justify-content: space-between;
            align-items: center;
            margin-top: .16rem;
            padding: 0 .45rem 0 .19rem;
            box-sizing: border-box;
            height: .70rem;
            width: calc(100vw - .24rem);
            background-color: #F9F9F9;
            border-radius: .05rem;
        }

        .qq-num {
            margin-top: 0;
        }

        .qq-copy {
            margin-top: 0;
        }

        .withdrawal-process {
            margin-top: .30rem;
            background-image: url(https://zzzzkj.oss-cn-shanghai.aliyuncs.com/static/tiexie/app/image/image/mine/withdrawal_process.png);
            background-size: 100% 100%;
            width: 2.655rem;
            height: 1.192rem;
        }

    </style>
</head>
<body>
<div class="app" v-cloak>
    <div class="top-title">
        请添加下方客服微信或QQ <br>领取奖励
    </div>
    <div class="bottom-info">
        <div class="desc">*提现微信需实名，并与铁蟹网个人认证实名一致</div>
        <div class="weixin">
            <div class="wx-left">
                <img class="wx-icon" src="https://cdn.tiexiemall.com/static/tiexie/image/kefu/kf1.png">
                <div class="wx-num">微信号：{{numData.kfWeixinNumOne}}</div>
                <div class="wx-copy" @click='copyNum(numData.kfWeixinNumOne)'>复制微信号</div>
            </div>
            <div class="wx-left wx-right">
                <img class="wx-icon wx-icon1" src="https://cdn.tiexiemall.com/static/tiexie/image/kefu/kf2.png">
                <div class="wx-num">微信号：{{numData.kfWeixinNumTwo}}</div>
                <div class="wx-copy" @click='copyNum(numData.kfWeixinNumTwo)'>复制微信号</div>
            </div>
        </div>
        <div class="withdrawal-qq">
            <div class="wx-num qq-num">QQ号：{{numData.kfQqNum}}</div>
            <div class="wx-copy qq-copy" @click='copyNum(numData.kfQqNum)'>复制QQ号</div>
        </div>
        <div class="withdrawal-process"></div>
    </div>
    
</div>
<script src="../../script/api.js"></script>
<script src="../../script/flexible.js"></script>
<script src="../../script/fastclick.js"></script>
<script src="../../script/vue.min.js"></script>
<script src="../../script/iconfont.js"></script>
<script src="../../script/vant.min.js"></script>
<script src="../../script/common.js"></script>
<script src="../../script/restful.js"></script>
<script src="../../script/businessCommon.js"></script>
<script src="../../script/BigPicture.js"></script>
<script>
    apiready = function () {
        vm = new Vue({
            el: '.app',
            data: {
                    showToast: false,
                    toastText: '',
                    numData: {}
                },
                
            mounted: function () {
                this.getSystemSet();
            },

            methods: {

                getSystemSet() {
                    var vm = this;
                    common('getSystemSet')({}, function (ret) {
                        console.log("@@:" + JSON.stringify(ret))
                        vm.numData = ret.data;
                    })
                },

                copyNum(num) {
                    var clipBoard = api.require('clipBoard');
                        clipBoard.set({
                            value: num
                        }, function(ret, err) {
                            if (ret) {
                                toastMiddle('复制成功');
                            } else {
                            }
                        });
                }
            },
        })


    }
</script>
</body>
</html>